$(function(){
    $("#bannerInner").tyslide({
        boxh:420,//盒子的高度
        w:1000,//盒子的宽度
        h:370,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:28,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:20,//控制按钮高度
        radius:10,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:true //是否显示数字
    });

    $("#RotationChart1").tyslide({
        boxh:420,//盒子的高度
        w:330,//盒子的宽度
        h:216,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:210,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:4,//控制按钮高度
        radius:0,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });

    $("#RotationChart2").tyslide({
        boxh:420,//盒子的高度
        w:330,//盒子的宽度
        h:216,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:210,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:4,//控制按钮高度
        radius:0,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });

    $("#RotationChart3").tyslide({
        boxh:420,//盒子的高度
        w:330,//盒子的宽度
        h:216,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:210,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:4,//控制按钮高度
        radius:0,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });

    $("#clothingRotation").tyslide({
        boxh:420,//盒子的高度
        w:425,//盒子的宽度
        h:336,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:100,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:4,//控制按钮高度
        radius:0,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });

    $("#motionRotation").tyslide({
        boxh:420,//盒子的高度
        w:425,//盒子的宽度
        h:336,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:100,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:4,//控制按钮高度
        radius:0,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });

    $("#childRotation").tyslide({
        boxh:420,//盒子的高度
        w:425,//盒子的宽度
        h:336,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:100,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:20,//控制按钮宽度
        controlsH:4,//控制按钮高度
        radius:0,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });

    // 电子书tab选项卡
    
    //1.获取所有相关元素对象
    /* let lis=document.querySelectorAll('#ebook .title ul li');
    let uls=document.querySelectorAll('#ebook .content>ul'); */

    //2.给菜单li绑定移入事件
    $('#ebook .title1 .tab').mouseover(function(){
        //3.给当前li添加类名active,给其它li 删除类名active
        $(this).addClass('active').siblings().removeClass('active')
        //4.给当前li对应的 ul　添加 on  其它ul删除on
         //console.log($(this).index());//获取当前li标签的索引   索引和内容对应
         $('#ebook .ebookBox').eq($(this).index()).addClass('on').siblings().removeClass('on')
 
     })
     
    //  固定头部效果
    $(window).scroll(function(){
        //判定距离
        if($(this).scrollTop()>800){
            //显示
            $('#fixHeader').css('display','block');
            //把头部中的搜索框放入固定头部里面
            $('.search').appendTo('#fixHeader');
        }else{
            //隐藏
            $('#fixHeader').css('display','none');
            //把固定头部中的搜索框放回头部
            $('#fixHeader .search').appendTo('#searchBox');
        }
    })




    // 页面楼层跳转
        $('#floorBox li').click(function(){
        $('html,body').animate({scrollTop:$('.floor').eq($(this).index()).offset().top-90},1000)
    })



        // 手风琴效果一
    //1.把第一个li中的标题隐藏起来,内容显示出来
    $('#ebook .rightText ul li:first').find('h4').hide().siblings('div').show();

    //2.li移入效果

    $('#ebook .rightText ul li').hover(function () {
        // 1.移入当前li 给h4 隐藏起来, div 显示出来

        $('h4', this).hide().siblings('div').show();

        //2.当前li的同级兄弟li中的 h4 显示,  div  隐藏
        $(this).siblings().find('h4').show().siblings('div').hide();
    })


    // 返回顶部
    //当网页中的所有资源(html css img  ....)加载完成后,才执行js代码
window.onload=function(){
    // console.log(returnTop);
    /* 
        返回顶部功能分析:
        功能一: 滚动滚动条进行指定高度的显示或隐藏 返回顶部按钮


        功能二: 点击返回顶部 慢慢回到滚动条顶部
    */


    window.onscroll=function(){

        //1.获取滚动距离顶部的距离 
        let sTop=document.documentElement.scrollTop|| document.body.scrollTop;

        //2.判定距离
        if(sTop>500){//显示返回顶部
            returnTop.style.display='block'; 
        }else{//隐藏返回顶部
            returnTop.style.display='';
        }
        
        
    }
    
   returnTop.onclick=function(){

    // 企业标准: 使用定时器慢慢设置到0
    let timeId=setInterval(function(){
        //1)动态获和取滚动条距离顶部的距离
        let sTop=document.documentElement.scrollTop ||document.body.scrollTop;

        // 2)进行值的递减操作
        document.documentElement.scrollTop=sTop-100;
        document.body.scrollTop=sTop-100;

        //3)判定是否小于等于0
        if(sTop<=0){
           clearInterval(timeId) 
        }
        
        
    },10)


   }


}






















})

   


